<template>
  <div style="margin:20px;">

    <el-steps :space="200" :active="3" >
      <el-step title="A处审核"  description="通过"></el-step>
      <el-step title="C经理审核" description="通过"></el-step>
      <el-step title="D总审核 " description="通过"></el-step>
      <el-step title="X总审核 " description="处理中process"></el-step>
      <el-step title="E总审核 " description="不通过 "  status="error"></el-step>
      <el-step title="F总审核 " description="处理中process"  status="process"></el-step>
      <el-step title="G总审核 " description="完成finish" status="finish "></el-step>
    </el-steps>
    <h1> ======================= </h1>
    <div style="height: 500px;">
      <el-steps direction="vertical" :active="3"  finish-status="success">
        <el-step title="A处审核"  description="通过"></el-step>
        <el-step title="C经理审核" description="通过"></el-step>
        <el-step title="D总审核 " description="通过"></el-step>
        <el-step title="X总审核 " description="处理中process"></el-step>
        <el-step title="E总审核 " description="不通过 "  status="error"></el-step>
        <el-step title="F总审核 " description="待审wait"  status="wait"></el-step>
        <el-step title="G总审核 " description="完成finish" status="finish "></el-step>
      </el-steps>
    </div>
  </div>
</template>

<script>
  //http://element-cn.eleme.io/#/zh-CN/component/steps

  export default {
    name: "todoFlow"
  }
</script>

<style scoped>

</style>
